.outpatient{
    display: flex;
}
.outpatient-left{
    margin-left: 1vw;
    display: flex;
}
.data-top-title{
    background: url('../../image/title.png') no-repeat;
    background-size: 100% 100%;
    width: 30vw;
    height: 2vw;
    color: #DFEEF3;
    font-size: 1vw;
    padding-left: 2vw;
    line-height: 2vw;
}
.data-top-content{
    background: url('../../image/backen.png') no-repeat;
    background-size: 100% 100%;
    width: 32vw;
    height: 11vw;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.data-top-content-card{
    width: 10vw;
    display: flex;
    align-items: center;
    color: white;
}
.data-top-content-card:first-child .card-icon{
    background: url('../../image/dataicon1.png') no-repeat;
    background-size: 100% 100%;
    width: 4vw;
    height: 4vw;
    margin-left: 1.5vw;
}
.data-top-content-card:nth-child(2) .card-icon{
    background: url('../../image/dataicon2.png') no-repeat;
    background-size: 100% 100%;
    width: 4vw;
    height: 4vw;
}
.data-top-content-card:nth-child(3) .card-icon{
    background: url('../../image/dataicon2.png') no-repeat;
    background-size: 100% 100%;
    width: 4vw;
    height: 4vw;
}
.data-top-content-card:nth-child(4) .card-icon{
    background: url('../../image/dataicon3.png') no-repeat;
    background-size: 100% 100%;
    width: 4vw;
    height: 4vw;
    margin-left: 1.5vw;
}
.data-top-content-card:nth-child(5) .card-icon{
    background: url('../../image/dataicon4.png') no-repeat;
    background-size: 100% 100%;
    width: 4vw;
    height: 4vw;
}
.data-top-content-card:nth-child(6) .card-icon{
    background: url('../../image/dataicon4.png') no-repeat;
    background-size: 100% 100%;
    width: 4vw;
    height: 4vw;
}
.card-content{
    line-height: 1.5vw;
}
.card-content-title{
    margin-left: 0.5vw;
    font-size: 0.7vw;
}
.card-content-num{
    margin-left: 0.5vw;
}
.card-content-num .num{
    margin-right: 0.5vw;
    font-size: 1vw;
    font-weight: 600;
    color: #35F0B5;
}
.card-content-num .icon{
    font-size: 0.6vw;
}
.outpatient-left-data-middle{
    margin-top: 1vw;
}
.data-middle-title{
    background: url('../../image/title.png') no-repeat;
    background-size: 100% 100%;
    width: 30vw;
    height: 2vw;
    color: #DFEEF3;
    font-size: 1vw;
    padding-left: 2vw;
    line-height: 2vw;
}
.data-middle-content{
    background: url('../../image/backen.png') no-repeat;
    background-size: 100% 100%;
    width: 32vw;
    height: 15vw;
}
.outpatient-left-data-bottom{
    margin-top: 1vw;
}
.data-bottom-title{
    background: url('../../image/title.png') no-repeat;
    background-size: 100% 100%;
    width: 30vw;
    height: 2vw;
    color: #DFEEF3;
    font-size: 1vw;
    padding-left: 2vw;
    line-height: 2vw;
}
.data-bottom-content{
    background: url('../../image/backen.png') no-repeat;
    background-size: 100% 100%;
    width: 32vw;
    height: 15vw;
}
.outpatient-left-ranking{
    margin-left: 1vw;
}
.ranking-top-title{
    background: url('../../image/title.png') no-repeat;
    background-size: 100% 100%;
    width: 30vw;
    height: 2vw;
    color: #DFEEF3;
    font-size: 1vw;
    padding-left: 2vw;
    line-height: 2vw;
}
.outpatient-left-ranking-middle{
    margin-top: 1vw;
}
.ranking-middle-title{
    background: url('../../image/title.png') no-repeat;
    background-size: 100% 100%;
    width: 30vw;
    height: 2vw;
    color: #DFEEF3;
    font-size: 1vw;
    padding-left: 2vw;
    line-height: 2vw;
}
.ranking-middle-content{
    background: url('../../image/backen.png') no-repeat;
    background-size: 100% 100%;
    width: 32vw;
    height: 32vw;
}
.ranking-middle-content-swiper{
    padding-top: 1vw;
    display: flex;
    align-items: center;
    padding-left: 0.5vw;
}
.swiper-next-icon{
    background: url('../../image/next.png') no-repeat;
    background-size: 100% 100%;
    width: 2vw;
    height: 2.2vw;
}
.swiper-img{
    margin: 0 1vw;
    display: flex;
}
.swiper-img .imgs{
    background: url('../../image/swiper.png') no-repeat;
    background-size: 100% 100%;
    width: 5vw;
    height: 3vw;
    
}
.swiper-pre-icon{
    background: url('../../image/pre.png') no-repeat;
    background-size: 100% 100%;
    width: 2vw;
    height: 1.9vw;
}
.ranking-middle-content-ranking{
    margin-top: 2vw;
    display: flex;
    justify-content: space-around;
}
.ranking-card{
    width: 5vw;
    
    text-align: center;
}
.ranking-card-img{
    margin-left: 0.7vw;
}
.ranking-card:first-child .ranking-card-img{
    background: url('../../image/image1.png') no-repeat;
    background-size: 100% 100%;
    width: 3.5vw;
    height: 3vw;
}
.ranking-card:nth-child(2) .ranking-card-img{
    background: url('../../image/image2.png') no-repeat;
    background-size: 100% 100%;
    width: 3.5vw;
    height: 3vw;
}
.ranking-card:nth-child(3) .ranking-card-img{
    background: url('../../image/image3.png') no-repeat;
    background-size: 100% 100%;
    width: 3.5vw;
    height: 3vw;
}
.ranking-card:nth-child(4) .ranking-card-img{
    background: url('../../image/image4.png') no-repeat;
    background-size: 100% 100%;
    width: 3.5vw;
    height: 3vw;
}
.ranking-card:nth-child(5) .ranking-card-img{
    background: url('../../image/image5.png') no-repeat;
    background-size: 100% 100%;
    width: 3.5vw;
    height: 3vw;
}
.ranking-card-title{
    margin: 0.5vw 0;
    color: #7C898D;
    font-size: 0.8vw;
}
.ranking-card-num{
    font-size: 1vw;
    color: #1E53BC;
}
.ranking-middle-content-list{
    margin-top: 1vw;
    margin-left: 1.5vw;
}
.ranking-middle-content-list .list-title{
    color: #C5D0D4;
    background-color: #142E3E;
    font-size: 0.9vw;
}
.ranking-middle-content-list td{
    padding: 0.5vw 0;
}
.ranking-middle-content-list td:first-child{
    width: 8vw;
    padding-left: 2vw;
}
.ranking-middle-content-list td:nth-child(2){
    width: 8vw;
}
.ranking-middle-content-list td:nth-child(3){
    width: 6vw;
}
.ranking-middle-content-list td:nth-child(4){
    width: 5vw;
}
.list-content td{
    font-size: 0.8vw;
}
.list-content tr:nth-child(even){
    background-color: #0A2028;
}
.outpatient-middle-card{
    width: 55vw;
    display: flex;
    justify-content: space-around;
    margin: 2vw 3vw 0 3vw;
}
.card-title{
    display: flex;
    margin-bottom: 0.5vw;
}
.title-image{
    background: url('../../image/医院.png') no-repeat;
    background-size: 100% 100%;
    width: 1.2vw;
    height: 1.2vw;
    margin-right: 0.5vw;
}
.title-name{
    font-size: 1vw;
    color: #D6DEE7;
}
.card-content-image{
    background: url('../../image/card1.png') no-repeat;
    background-size: 100% 100%;
    width: 5.5vw;
    height: 1.7vw;
    margin-left: 1.5vw;
}
.outpatient-middle-echarts{
    background: url('../../image/echart3D.png') no-repeat;
    background-size: 100% 100%;
    width: 55vw;
    height: 40vw;
    margin: 3.6vw 3vw 0 3vw;
}
.manage-title{
    background: url('../../image/title.png') no-repeat;
    background-size: 100% 100%;
    width: 30vw;
    height: 2vw;
    color: #DFEEF3;
    font-size: 1vw;
    padding-left: 2vw;
    line-height: 2vw;
}
.manage-content{
    background: url('../../image/backen.png') no-repeat;
    background-size: 100% 100%;
    width: 32vw;
    height: 14vw;
}
.manage-content-top{
    padding-top: 1.5vw;
    display: flex;
    margin-left: 9vw;
}
.manage-content-bottom{
    display: flex;
    margin-left: 6.3vw;
}
.manage-content-top .manage-content-bg:first-child{
    background: url('../../image/bg1.png') no-repeat;
    background-size: 100% 100%;
    width: 4vw;
    height: 4vw;
    margin-top: 1.5vw;
}
.manage-content-top .manage-content-bg:nth-child(2){
    background: url('../../image/bg2.png') no-repeat;
    background-size: 100% 100%;
    width: 5.5vw;
    height: 5.5vw;
    margin: 0 1vw;
}
.manage-content-top .manage-content-bg:nth-child(3){
    background: url('../../image/bg3.png') no-repeat;
    background-size: 100% 100%;
    width: 4vw;
    height: 4vw;
    margin-top: 1.5vw;
}
.manage-content-bottom .manage-content-bg:nth-child(1){
    background: url('../../image/bg4.png') no-repeat;
    background-size: 100% 100%;
    width: 4vw;
    height: 4vw;
}
.manage-content-bottom .manage-content-bg:nth-child(2){
    background: url('../../image/bg5.png') no-repeat;
    background-size: 100% 100%;
    width: 4vw;
    height: 4vw;
    margin: 0 1vw;
}
.manage-content-bottom .manage-content-bg:nth-child(3){
    background: url('../../image/bg6.png') no-repeat;
    background-size: 100% 100%;
    width: 4vw;
    height: 4vw;
}
.outpatient-right{
    display: flex;
}
.outpatient-right-stats{
    margin-left: 1vw;
}